<header>考勤查询</header>
<div class="main">

  <div class="clear selectArea">
    <select class="left selectYear"></select>
    <ul class="left monthList">
      <li class="left">1</li>
      <li class="left">2</li>
      <li class="left">3</li>
      <li class="left">4</li>
      <li class="left">5</li>
      <li class="left">6</li>
      <li class="left">7</li>
      <li class="left">8</li>
      <li class="left">9</li>
      <li class="left">10</li>
      <li class="left">11</li>
      <li class="left">12</li>
    </ul>
    <!--<select class="left selectMember"></select>-->
    <input *ngIf="isLogin" type="text" class="left userInput" maxlength="6" [value]="user.username" readonly>
    <!--<a class="left addUser">添加</a>-->
    <a class="right signIn">签到</a>
  </div>
  <div class="attendanceArea">

    <ul class="clear weekList">
      <li class="left">周一</li>
      <li class="left">周二</li>
      <li class="left">周三</li>
      <li class="left">周四</li>
      <li class="left">周五</li>
      <li class="left">周六</li>
      <li class="left">周日</li>
    </ul>
    <ul class="clear attendanceList">

    </ul>

  </div>

  <div class="info">
    <div class="box">
      <div style="background:#44ac56;"></div>
      <div>正常</div>
    </div>
    <div class="box">
      <div style="background:#ff000d;"></div>
      <div>迟到/早退</div>
    </div>
    <div class="box">
      <div style="background:#ff7100;"></div>
      <div>请假</div>
    </div>
  </div>

</div>

<div class="beizhu">
  <div class="alertBox">
    <div id="close">X</div>
    <div class="up">
      <div class="onworkBox">
        上班：<select class="onwork" >
        <option value="0" id="normal">正常</option>
        <!--<option value="1" selected>忘打卡</option>-->
        <option value="2" >迟到</option>
        <option value="3">请假</option>
      </select><br>
        备注：<br><textarea id='incomment' cols="30" rows="10" ></textarea><br>
        上班时间：<p id="intime"></p>
      </div>

      <div class="outworkBox">
        下班：<select class="outwork" >
        <option value="0" id="outnormal">正常</option>
        <!--<option value="1" selected>忘打卡</option>-->
        <option value="2">早退</option>
        <option value="3">请假</option>
      </select><br>
        备注：<br><textarea id='outcomment' cols="30" rows="10"></textarea><br>
        下班时间：<p id="outtime"></p>
      </div>
    </div>

    <div class="down">
      <input class="sure" type="button" value="确定">
    </div>
  </div>

</div>